<template>
  <div>
    <van-row type="flex" justify="space-between" style="height:50%;border-top:1px solid #E6E6E6">
      <van-col span="12">
        <van-dropdown-menu active-color="#08395A">
          <van-dropdown-item v-model="value1" :options="option1" />
        </van-dropdown-menu>
      </van-col>
      <van-col span="12" class="addjianzhu">
        <router-link :to='{path: "/addbuildings"}' style="color: #1D8BFA;"><div style="margin-right:15px">添加建筑</div></router-link> 
      </van-col>
    </van-row>
    
    <van-image width="100" height="100" src="../../../assets/builds.png"/>
  </div>
</template>
<script>
export default {
  data(){
    return{
    value1: 0,
    option1: [
      { text: '复旦软件园', value: 0 },
      { text: '陆家嘴金融中心', value: 1 },
      { text: '张江惠生大厦', value: 2 },
      { text: '浦东软件园', value: 3 }
    ],
    }
  },
  methods:{
   
  },
  created(){
   
  }
}
</script>

<style>
  .van-ellipsis {
    font-weight: 600;
  }
 .van-dropdown-menu__title {
    color:#333;
    font-size: 35px;
    
  }
  .van-dropdown-menu__item {
    justify-content: flex-start;
    margin-left: 5px;
  }
  /* 添加建筑 */
  .addjianzhu{
    background: #fff;
    display: flex;
    font-size: 28px;
    justify-content:flex-end;
    align-items: center;
  }
  .van-cell__title{
    color: #323232;
    font-size: 33px;
    font-weight: bold;
  }
  /* 固定底部按钮 */
  .bottom_btn{
    width: 100%;
    position: fixed;
    bottom: 0;
    overflow: hidden;
  }
</style>